

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>layuiAdmin 控制台主页一</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
  <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
  <link rel="stylesheet" href="../../public/res/css/g.css" media="all">
</head>
<body>
  
  <div class="layui-fluid">
    <div class="layui-row layui-col-space15">
      <div class="layui-col-md8">
        <div class="layui-row layui-col-space15">
          <!--<div class="layui-col-md6">
            <div class="layui-card">
              <div class="layui-card-header">快捷方式</div>
              <div class="layui-card-body">
                
                <div class="layui-carousel layadmin-carousel layadmin-shortcut">
                  <div carousel-item>
                    <ul class="layui-row layui-col-space10">
                      <li class="layui-col-xs3">
                        <a lay-href="component/layer/list">
                          <i class="layui-icon layui-icon-website"></i>
                          <cite>弹层</cite>
                        </a>
                      </li>
                      <li class="layui-col-xs3">
                        <a lay-href="component/button/">
                          <i class="layui-icon layui-icon-find-fill"></i>
                          <cite>按钮</cite>
                        </a>
                      </li>
                      <li class="layui-col-xs3">
                        <a lay-href="component/progress/">
                          <i class="layui-icon layui-icon-loading-2"></i>
                          <cite>进度条</cite>
                        </a>
                      </li>
                      <li class="layui-col-xs3">
                        <a layadmin-event="im">
                          <i class="layui-icon layui-icon-chat"></i>
                          <cite>聊天</cite>
                        </a>
                      </li>
                      <li class="layui-col-xs3">
                        <a lay-href="component/panel/">
                          <i class="layui-icon layui-icon-read"></i>
                          <cite>面板</cite>
                        </a>
                      </li>
                      <li class="layui-col-xs3">
                        <a lay-href="component/badge/">
                          <i class="layui-icon layui-icon-tree"></i>
                          <cite>徽章</cite>
                        </a>
                      </li>
                      <li class="layui-col-xs3">
                        <a lay-href="set/system/website.html">
                          <i class="layui-icon layui-icon-set"></i>
                          <cite>网站设置</cite>
                        </a>
                      </li>
                      <li class="layui-col-xs3">
                        <a lay-href="set/user/password.html">
                          <i class="layui-icon layui-icon-password"></i>
                          <cite>密码</cite>
                        </a>
                      </li>
                    </ul>
                    <ul class="layui-row layui-col-space10">
                      <li class="layui-col-xs3">
                        <a lay-href="set/user/info.html">
                          <i class="layui-icon layui-icon-set"></i>
                          <cite>设置</cite>
                        </a>
                      </li>
                      <li class="layui-col-xs3">
                        <a lay-href="set/user/info.html">
                          <i class="layui-icon layui-icon-set"></i>
                          <cite>设置</cite>
                        </a>
                      </li>
                      <li class="layui-col-xs3">
                        <a lay-href="set/user/info.html">
                          <i class="layui-icon layui-icon-set"></i>
                          <cite>设置</cite>
                        </a>
                      </li>
                      <li class="layui-col-xs3">
                        <a lay-href="set/user/info.html">
                          <i class="layui-icon layui-icon-set"></i>
                          <cite>设置</cite>
                        </a>
                      </li>
                      <li class="layui-col-xs3">
                        <a lay-href="set/user/info.html">
                          <i class="layui-icon layui-icon-set"></i>
                          <cite>设置</cite>
                        </a>
                      </li>
                      <li class="layui-col-xs3">
                        <a lay-href="set/user/info.html">
                          <i class="layui-icon layui-icon-set"></i>
                          <cite>设置</cite>
                        </a>
                      </li>
                      <li class="layui-col-xs3">
                        <a lay-href="set/user/info.html">
                          <i class="layui-icon layui-icon-set"></i>
                          <cite>设置</cite>
                        </a>
                      </li>
                      <li class="layui-col-xs3">
                        <a lay-href="set/user/info.html">
                          <i class="layui-icon layui-icon-set"></i>
                          <cite>设置</cite>
                        </a>
                      </li>
                    </ul>
                    
                  </div>
                </div>
                
              </div>
            </div>
          </div>
          <div class="layui-col-md6">
            <div class="layui-card">
              <div class="layui-card-header">待办事项</div>
              <div class="layui-card-body">

                <div class="layui-carousel layadmin-carousel layadmin-backlog">
                  <div carousel-item>
                    <ul class="layui-row layui-col-space10">
                      <li class="layui-col-xs6">
                        <a href="javascript:;" class="layadmin-backlog-body">
                          <h3>待审评论</h3>
                          <p><cite>66</cite></p>
                        </a>
                      </li>
                      <li class="layui-col-xs6">
                        <a href="javascript:;" class="layadmin-backlog-body">
                          <h3>待审帖子</h3>
                          <p><cite>12</cite></p>
                        </a>
                      </li>
                      <li class="layui-col-xs6">
                        <a href="javascript:;" class="layadmin-backlog-body">
                          <h3>待审商品</h3>
                          <p><cite>99</cite></p>
                        </a>
                      </li>
                      <li class="layui-col-xs6">
                        <a href="javascript:;" class="layadmin-backlog-body">
                          <h3>待发货</h3>
                          <p><cite>20</cite></p>
                        </a>
                      </li>
                    </ul>
                    <ul class="layui-row layui-col-space10">
                      <li class="layui-col-xs6">
                        <a href="javascript:;" class="layadmin-backlog-body">
                          <h3>待审友情链接</h3>
                          <p><cite style="color: #FF5722;">5</cite></p>
                        </a>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
         -->
        <div class="layui-col-md12">
        	<div class="layui-card">
        		<div class="layui-card-header">审批时限动态</div>
        		<div class="layui-card-body">
        			<table class="layui-table approval-table">
					    <colgroup>
					      <col class="table-bg6">
					      <col class="table-bg1">
					      <col class="table-bg2">
					      <col class="table-bg3">
					      <col class="table-bg4">
					      <col class="table-bg5">
					      <col>
					    </colgroup>
					    <thead>
					      <tr>
					        <th>类型</th>
					        <th><i class="square table-bg1"></i>正常</th>
					        <th><i class="square table-bg2"></i>蓝色预警</th>
					        <th><i class="square table-bg3"></i>紫色预警</th>
					        <th><i class="square table-bg4"></i>黄牌件</th>
					        <th><i class="square table-bg5"></i>红牌件</th>
					        <th>总量</th>
					      </tr> 
					    </thead>
					    <tbody>
					      <tr>
					        <td>今日新增</td>
					        <td>0(0.00%)</td>
					        <td>0(0.00%)</td>
					        <td>0(0.00%)</td>
					        <td>0(0.00%)</td>
					        <td>0(0.00%)</td>
					        <td>0</td>
					      </tr>
					      <tr>
					        <td>在办业务</td>
					        <td>272(100.00%)</td>
					        <td>0(0.00%)</td>
					        <td>0(0.00%)</td>
					        <td>0(0.00%)</td>
					        <td>0(0.00%)</td>
					        <td>272</td>
					      </tr>
					      <tr>
					        <td>办结业务</td>
					        <td>172(0.00%)</td>
					        <td>0(0.00%)</td>
					        <td>0(0.00%)</td>
					        <td>0(0.00%)</td>
					        <td>0(0.00%)</td>
					        <td>172</td>
					      </tr>
					      <tr>
					        <td>业务总数</td>
					        <td>444(100.00%)</td>
					        <td>0(0.00%)</td>
					        <td>0(0.00%)</td>
					        <td>0(0.00%)</td>
					        <td>0(0.00%)</td>
					        <td>444</td>
					      </tr>
					    </tbody>
					  </table>
        		</div>
              <!--<div class="layui-tab layui-tab-brief layadmin-latestData">
                <ul class="layui-tab-title">
                  <li class="layui-this">今日热搜</li>
                  <li>今日热帖</li>
                </ul>
                <div class="layui-tab-content">
                  <div class="layui-tab-item layui-show">
                    <table id="LAY-index-topSearch"></table>
                  </div>
                  <div class="layui-tab-item">
                    <table id="LAY-index-topCard"></table>
                  </div>
                </div>
              </div>-->
            </div>
            <div class="layui-card">
              <div class="layui-card-header">数据概览</div>
              <div class="layui-card-body">
                
                <div class="layui-carousel layadmin-carousel layadmin-dataview" data-anim="fade" lay-filter="LAY-index-dataview">
                  <div carousel-item id="LAY-index-dataview">
                    <div><i class="layui-icon layui-icon-loading1 layadmin-loading"></i></div>
                    <div></div>
                    <div></div>
                  </div>
                </div>
                
              </div>
            </div>
            
          </div>
        </div>
      </div>
      
      <div class="layui-col-md4">
        <div class="layui-card">
          <div class="layui-card-header">通知公告</div>
          <div class="layui-card-body layadmin-takerates">
            <div class="layui-text">
              <ul>
                  <li><a href="javascript:;">内容待输入</a></li>
                  <li><a href="javascript:;">内容待输入</a></li>
                  <li><a href="javascript:;">内容待输入</a></li>
                  <li><a href="javascript:;">内容待输入</a></li>
                  <li><a href="javascript:;">内容待输入</a></li>
                  <li><a href="javascript:;">内容待输入</a></li>
                  <li><a href="javascript:;">内容待输入</a></li>
                  <li><a href="javascript:;">内容待输入</a></li>
              </ul>
            </div>
          </div>
        </div>

        <div class="layui-card">
          <div class="layui-card-header">操作手册</div>
          <div class="layui-card-body layadmin-takerates">
            <div class="layui-text">
              <ul>
                  <li><a href="javascript:;">政务办管理员操作手册</a></li>
                  <li><a href="javascript:;">镇区监察员操作手册</a></li>
                  <li><a href="javascript:;">系统维护手册</a></li>
              </ul>
            </div>
          </div>
        </div>
        
        
      </div>
      
    </div>
  </div>

  <script src="../../layuiadmin/layui/layui.js?t=1"></script>  
  <script>
	  layui.config({
	    base: '../../layuiadmin/' //静态资源所在路径
	  }).extend({
	    index: 'lib/index' //主入口模块
	  }).use(['index', 'console','giky']);
	  console.log(layui)
	  </script>
	  <script>
	  	layui.use('table', function(){
	  var table = layui.table;
	  
	  table.render({
	    elem: '#test'
	    ,url:'/demo/table/user/'
	    ,cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
	    ,cols: [[
	      {field:'id', title: '类型', align: 'center'}
	      ,{field:'username', title: '正常', align: 'center'}
	      ,{field:'sex', title: '蓝色预警', align: 'center'}
	      ,{field:'city', title: '紫色预警', align: 'center'}
	      ,{field:'sign', title: '黄牌件', align: 'center'}
	      ,{field:'classify', title: '红牌件', align: 'center'}
	      ,{field:'experience', title: '总量', align: 'center'} 
	    ]]
	  });
	});
  </script>
</body>
</html>

